body{
    background: #fff6f4;
}
.food {
    background: pink;!important;
}
.row{
    background: #ffe4df;
}
.row div{
    margin:0 auto;
}
.active-food{
    background: pink;

}
.food h1{
    text-align: center;
}
#title1,#title2{
    color: #0f0f0f;
    font-size: 30px;
    text-align: center;
    border-radius:20px;
    z-index: 99;
}

.hotel section div img{
    border-radius: 40px;
}

.recommend-content{
    text-align: center;
}
.cont-food{
    margin-top: 30px;
}

.good-food section img:hover{
    animation:img-special 3s;
}

@keyframes img-special{
    0%  {opacity: 0.3}
    100% {opacity: 0.9}
}

.hotel section div:hover{
    animation:hotel 2s;

}

@keyframes hotel{
    0%  {opacity: 0.5}
    100% {opacity: 1}
}